<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <link rel="stylesheet" href="/iconfont.css" />
    <title><%= webpackConfig.name %></title>
    <script>
      window.process = {};
    </script>
  </head>
  <body>
    <noscript>
      <strong>We're sorry but <%= webpackConfig.name %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"><style>
      * {
        margin: 0;
        padding: 0;
      }

      html,
      body {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #000;
        overflow: hidden;
        font-family: "Reggae One", cursive;
      }

      p {
        font-size: 8vw;
        overflow: hidden;
        -webkit-text-stroke: 3px #7272a5;
      }

      span {
        display: block;
        font-size: 20px;
        overflow: hidden;
        color: green;
        text-align: center;
      }

      p::before {
        content: " ";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-image: linear-gradient(45deg, #ff269b, #2ab5f5, #ffbf00);
        mix-blend-mode: multiply;
      }

      p::after {
        content: "";
        background: radial-gradient(circle, #fff, #000 50%);
        background-size: 25% 25%;
        position: absolute;
        top: -100%;
        left: -100%;
        right: 0;
        bottom: 0;
        mix-blend-mode: color-dodge;
        animation: mix 2s linear infinite;
      }

      @keyframes mix {
        to {
          transform: translate(50%, 50%);
        }
      }
    </style>
    <div class="g-container">
      <p>Common-Admin</p>
      <span class="_develop"></span>
    </div>
  </div>
  <script>
    // 此代码仅用于开发环境的友好提示，项目打包前请去掉这段js代码 This code is only used as a friendly reminder of the development environment, please remove this js code before packaging the project
    window.onload = function () {
      (function () {
        const ua = navigator.userAgent.toLowerCase();
        const re = /(msie|firefox|chrome|opera|version).*?([\d.]+)/;
        const m = ua.match(re);
        const Sys = {
          browser: m[1].replace(/version/, "'safari"),
          version: m[2]
        };

        const browser = Array.of("chrome", "firefox").includes(Sys.browser);
        const version = parseFloat(Sys.version);
        return Sys;
      })();
    };
  </script>
  </body>
</html>
